<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ include file="/WEB-INF/view/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>睿代码 | RCode代码生成平台</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="icon" type="image/png" href="${contextPath}/icon.png">
    <link rel="apple-touch-icon-precomposed" href="${contextPath}/icon.png">
  <link rel="stylesheet" href="${ctxStatic}/js/jPlayer/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/font.css" type="text/css" />
  <link rel="stylesheet" href="${ctxStatic}/css/app.css" type="text/css" />

    <!--[if lt IE 9]>

    <script src="${ctxStatic}/js/ie/html5shiv.js"></script>

    <script src="${ctxStatic}/js/ie/respond.min.js"></script>

    <script src="${ctxStatic}/js/ie/excanvas.js"></script>

  <![endif]-->

</head>
<body class="" style="overflow-y: auto;">
  <section class="vbox">
    <%--头部导航栏--%>
    <jsp:include page="include/top.jsp" />
    <%--中间内容--%>
    <section id="content">
        <div class="col-sm-12 no-padder">
          <!-- 轮播图 开始 -->
          <section class="panel bg-dark" style="height:600px;">
                    <div class="carousel slide auto panel-body" id="c-slide" style="height:600px;">
                        <ol class="carousel-indicators out">
                          <li data-target="#c-slide" data-slide-to="0" class="active"></li>
                          <li data-target="#c-slide" data-slide-to="1" class=""></li>
                          <li data-target="#c-slide" data-slide-to="2" class=""></li>
                        </ol>

                        <div class="carousel-inner">
                          <div class="item active">
                            <p class="text-center">
                              <em class="h4 text-mute">Save your time</em><br>
                              <small class="text-muted">Many components</small>
                            </p>
                          </div>

                          <div class="item">
                            <p class="text-center">
                              <em class="h4 text-mute">Nice and easy to use</em><br>
                              <small class="text-muted">Full documents</small>
                            </p>
                          </div>

                          <div class="item">
                            <p class="text-center">
                              <em class="h4 text-mute">Mobile header first</em><br>
                              <small class="text-muted">Mobile/Tablet/Desktop</small>
                            </p>
                          </div>
                        </div>

                        <a class="left carousel-control" href="#c-slide" data-slide="prev">
                          <i class="fa fa-angle-left"></i>
                        </a>

                        <a class="right carousel-control" href="#c-slide" data-slide="next">
                          <i class="fa fa-angle-right"></i>
                        </a>
                    </div>
          </section>
          <!-- 轮播图 结束 -->
          <!-- <div class="bg-primary wrapper-md r" style="height:600px;">




            <a href="#">
              <span class="h4 m-b-xs block"><i class=" icon-user-follow i-lg"></i> Login or Create account</span>
              <span class="text-muted">Save and share your playlist with your friends when you log in or create an account.</span>
            </a>
          </div> -->
        </div>

        <div class="col-sm-12 no-padder">
          <div class="bg-black wrapper-md r" style="height:600px;">
            <a href="#">
              <span class="h4 m-b-xs block"><i class="icon-cloud-download i-lg"></i> Download our app</span>
              <span class="text-muted">Get the apps for desktop and mobile to start listening music at anywhere and anytime.</span>
            </a>
          </div>
        </div>

        <div class="col-sm-12 no-padder">
          <div class="bg-primary wrapper-md r" style="height:600px;">
            <a href="#">
              <span class="h4 m-b-xs block"><i class=" icon-user-follow i-lg"></i> Login or Create account</span>
              <span class="text-muted">Save and share your playlist with your friends when you log in or create an account.</span>
            </a>
          </div>
        </div>

        <div class="col-sm-12 no-padder">
          <div class="bg-black wrapper-md r" style="height:600px;">
            <a href="#">
              <span class="h4 m-b-xs block"><i class="icon-cloud-download i-lg"></i> Download our app</span>
              <span class="text-muted">Get the apps for desktop and mobile to start listening music at anywhere and anytime.</span>
            </a>
          </div>
        </div>
        <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
    </section>

  </section>

  <script src="${ctxStatic}/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="${ctxStatic}/js/bootstrap.js"></script>
  <!-- App -->
  <script src="${ctxStatic}/js/app.js"></script>
  <script src="${ctxStatic}/js/slimscroll/jquery.slimscroll.min.js"></script>
  <script src="${ctxStatic}/js/app.plugin.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/add-on/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="${ctxStatic}/js/jPlayer/demo.js"></script>

<script>
    <%--如果在框架或在对话框中，则弹出提示并跳转到首页--%>
    if (top.location !== self.location) {
        //alert("未登录或登录超时。请重新登录，谢谢！");
        top.location="${frontPath}/home";
    }
</script>

</body>

</html>